<template>
  <div class="tag-page-item">
    进度条
    <div class="box-list">
      <progressList />
    </div>
    <div class="box-list">
      <h2>进度条2</h2>
      <progressListTo></progressListTo>
    </div>
    <div class="name">姓名：{{ name }} 33333</div>
    <el-button @click="onClick">点击</el-button>
    <el-button @click="onClick">点击222222</el-button>
    <div class="table">
      <el-table :data="tableData" style="width: 100%" show-summary sum-text="合计">
        <el-table-column prop="date" label="日期" />
        <el-table-column label="配送信息123">
          <el-table-column prop="name" label="姓名" />
          <el-table-column label="地址">
            <el-table-column prop="province" label="省份" />
            <el-table-column prop="id" label="用户等级" />
            <el-table-column prop="city" label="市区">
              <template slot-scope="scope">
                <div @click="onCity(scope.row.city)">{{ scope.row.city }}</div>
              </template>
            </el-table-column>
            <el-table-column prop="address" label="地址" />
            <el-table-column prop="num1" label="数据" />
            <el-table-column prop="num2" label="数据2" />
          </el-table-column>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
// src\views\tagPageItem\components\progressList.vue

import progressList from '@/views/tagPageItem/components/progressList.vue';
import progressListTo from '@/views/tagPageItem/components/progressListTo.vue';
export default {
  components: {
    progressList,
    progressListTo,
  },
  props: {},
  data() {
    return {
      name: '张晓晓',
      tableData: [
        {
          date: '2016-05-03',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          num1: '123',
          address: '上海市普陀区金沙江路 1518 弄',
          num2: 200333,
        },
        {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',

          num1: '200',
          address: '上海市普陀区金沙江路 1518 弄',
          num2: 200333,
        },

        {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',

          num1: '303',
          address: '上海市普陀区金沙江路 1518 弄',
          num2: 200333,
        },
      ],
    };
  },
  methods: {
    onCity(val) {
      console.log(val);
      console.log('点击了我');
    },
    onClick() {
      console.log('onClick');
    },
  },
};
</script>
<style lang="scss" scoped>
.tag-page-item {
  width: 100%;
  height: 100%;
  .box-list {
    width: 500px;
    height: 400px;
  }
}
</style>
